﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="FormaPagamentoCartao.ascx.cs" Inherits="Ecommerce.Web.UserControl.FormaPagamentoCartao" %>
<link href="../Style/Estilo.css" rel="stylesheet" />
    <script type="text/javascript">

        $(document).ready(function () {

            $("#<%=txtNumCartao.ClientID%>").mask(
                    '9999999999999999?999',
                    { placeholder: " " }
                );

            });

    </script>
<div class="box_fp_cartao">
    <div class="box_fp_cartao_h_tit"></div>
    <div class="box_fp_boleto_btn">
        <asp:Button ID="btnSelBankline" runat="server" CssClass="box_fp_boleto_btn_c" Text="Continuar" OnClick="btnSelBankline_Click" ValidationGroup="valida_cartao" />
    </div>
    <div class="box_fp_cartao_h_tit_2">Cartões de Crédito</div>
    <div class="box_fp_cartao_img">
        <table style="width:100%;" cellpadding="0" cellspacing="0">
            <tr>
                <td align="center"><asp:Image ID="Image1" runat="server" ImageUrl="~/Images/c_visa.png" /></td>
                <td align="center"><asp:Image ID="Image2" runat="server" ImageUrl="~/Images/c_master.png" /></td>
                <td align="center"><asp:Image ID="Image3" runat="server" ImageUrl="~/Images/c_amex.png" /></td>
                <td align="center"><asp:Image ID="Image4" runat="server" ImageUrl="~/Images/c_diners.png" /></td>
            </tr>
            <tr>
                <td align="center">
                    <asp:RadioButton ID="rbVisa" GroupName="sel" runat="server" />
                </td>
                <td align="center">
                    <asp:RadioButton ID="rbMaster" GroupName="sel" runat="server" />
                </td>
                <td align="center">
                    <asp:RadioButton ID="rbAmex" GroupName="sel" runat="server" />
                </td>
                <td align="center">
                    <asp:RadioButton ID="rbDiners" GroupName="sel" runat="server" />
                </td>
            </tr>
        </table>
    </div>
    <div class="box_fp_cartao_dados">
        <table style="width:100%" cellpadding="4" cellspacing="2">

            <tr>
                <td></td>
                <td colspan="2">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtNome" ErrorMessage="Campo Obrigatório" ForeColor="Red" CssClass="font_validator" ValidationGroup="valida_cartao"></asp:RequiredFieldValidator>
                </td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label1" CssClass="box_fp_cartao_lbl" runat="server" Text="NOME DO TITULAR:"></asp:Label>
                </td>
                <td colspan="2"><asp:TextBox ID="txtNome" class="box_fp_cartao_txt" Width="230px" runat="server" ValidationGroup="valida_cartao"></asp:TextBox></td>
                <td><asp:Label ID="Label5" runat="server" CssClass="box_fp_cartao_lbl" Text="Como gravado no cartão"></asp:Label></td>
            </tr>

            <tr>
                <td></td>
                <td colspan="2">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtNumCartao" ErrorMessage="Campo Obrigatório" ForeColor="Red" CssClass="font_validator" ValidationGroup="valida_cartao"></asp:RequiredFieldValidator>
                </td>
                <td></td>
            </tr>
            <tr>
                <td><asp:Label ID="Label2" CssClass="box_fp_cartao_lbl" runat="server" Text="NÚMERO DO CARTÃO:"></asp:Label></td>
                <td colspan="2"><asp:TextBox ID="txtNumCartao" class="box_fp_cartao_txt" Width="230px" runat="server" ValidationGroup="valida_cartao"></asp:TextBox></td>
                <td></td>
            </tr>

            <tr>
                <td>&nbsp;</td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="ddlMesValidade" CssClass="font_validator" ErrorMessage="Campo Obrigatorio" InitialValue="Mês" ValidationGroup="valida_cartao"></asp:RequiredFieldValidator>
                </td>
                <td>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="ddlAnoValidade" CssClass="font_validator" ErrorMessage="Campo Obrigatório" InitialValue="Ano" ValidationGroup="valida_cartao"></asp:RequiredFieldValidator>
                </td>
                <td>&nbsp;</td>
            </tr>            
            <tr>
                <td><asp:Label ID="Label3" runat="server" CssClass="box_fp_cartao_lbl" Text="VALIDADE:"></asp:Label></td>
                <td>
                    <asp:DropDownList ID="ddlMesValidade" runat="server" ValidationGroup="valida_cartao">
                    </asp:DropDownList>
                </td>
                <td>
                    <asp:DropDownList ID="ddlAnoValidade" runat="server" ValidationGroup="valida_cartao">
                    </asp:DropDownList>
                </td>
                <td>&nbsp;</td>
            </tr>

            <tr>
                <td></td>
                <td colspan="3">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtCodigoSeguranca" CssClass="font_validator" ErrorMessage="Campo Obrigatório" ValidationGroup="valida_cartao"></asp:RequiredFieldValidator>
                </td>            
            </tr>
            <tr>
                <td><asp:Label ID="Label4" runat="server" CssClass="box_fp_cartao_lbl" Text="CÓDIGO DE SEGURANÇA:"></asp:Label></td>
                <td colspan="3"><asp:TextBox ID="txtCodigoSeguranca" class="box_fp_cartao_txt" Width="80px" runat="server" ValidationGroup="valida_cartao"></asp:TextBox></td>            
            </tr>

        </table>
    </div>
    <div class="box_fp_cartao_msg">
        <p>IMPORTANTE: Mesmo no caso de pagamento em várias parcelas de pequeno valor, lembre-se que o valor total da compra não pode exceder o limite de seu cartão.</p>
        Esta é a regra de aprovação adotada pelas administradoras de cartão de crédito. Para sua segurança, as informações de crédito poderão passar por uma análise interna sujeita à confirmação via contato telefônico ou e-mail.
    </div>
</div>